<!-- <div id="app">
  <h1>{{msg}}</h1>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const { createApp } = Vue;
  const app = createApp({
    data() {
      return {
        msg: "海纳百川有容乃大",
      };
    },
    methods: {},
  });

  app.mount("#app");
</script> -->

<div id="app">
  <h1>{{msg}}</h1>
  <h1>{{arr}}</h1>
  <h1>{{obj}}</h1>
</div>
<script src="http://unpkg.zhimg.com/vue@2"></script>
<script>
  const app = new Vue({
    data() {
      return {
        msg: "菜虚困",
        arr: [11, 2, 3],
        obj: { a: 1, b: 2 },
      };
    },
    /*
    const testFn = (abc, age) => {
    }
    testFn('大郎', 10000)
    */
    // render(createElement) {
    //   // create 创建  element元素/标签
    //   // 语法： createElement(标签名, 属性对象没有就写null, 内容)
    //   // 作用：创建虚拟DOM  底层会把他变成真实DOM 翻到 #app位置里面
    //   return createElement("h1", null, "潘金莲");
    // },
  });
  app.$mount("#app");
</script>
